<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动：环绕效果</title>
		<style>
			img{
				float: left;
				/* 文字图片加间距 */
				margin: 30px;
			}
			p{
				font-size: 16px;
				line-height: 20px;
			}
		</style>
	</head>
	<body>
		<img src="img/王也.png" width="300px" height="300px" alt="王也" />
		<p>
			Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi voluptates temporibus reiciendis, aperiam maiores quas voluptatibus, id praesentium porro numquam deleniti esse at explicabo tenetur, repellat natus distinctio ad nihil.
			Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt est a repudiandae quam libero totam consequatur adipisci officia minima! Quos nesciunt laboriosam labore accusantium ea hic natus vero beatae. Provident.
		</p>
	</body>
</html>